$(function() {
    var $resetBtn = $('.reset');
    var $delBtn = $('.del');
    var $mask = $('.mask');
    var $sureBtn = $('.sure');
    var $cancelBtn = $('.cancel')
    $resetBtn.on('click', function() {
        $mask.fadeIn();
        $("body").parent().css("overflow-y", "hidden");
        var $that = $(this);
        $('.mask input').each(function(index, ele) {
            // console.log(index, ele);
            $('input').eq(index).val($that.parent().siblings().eq(index).text());
        })
        $sureBtn.off().click(function() {
            // var name = $('.mask input').eq(0).val();
            // var sex = $('.mask input').eq(1).val();
            // var age = $('.mask input').eq(2).val();
            for (var i = 0; i < $('.mask input').length; i++) {
                $that.parent().siblings().eq(i).text($('.mask input').eq(i).val());
            }
            $mask.fadeOut();
            $('input').val('');
            $("body").parent().css("overflow-y", "auto");

        })
    })
    $('.container').on('click', '.del', function() {
        // console.log(1);
        // console.log($delBtn);
        // console.log($(this)); //container
        // console.log($($delBtn));
        $(this).parents('ul').remove();
    })
    $cancelBtn.on('click', function() {
        // console.log(11);
        $mask.fadeOut();
        $('input').val('');
        $("body").parent().css("overflow-y", "auto");

    })
    $('.add').on('click', function() {
        $mask.fadeIn();
        $("body").parent().css("overflow-y", "hidden");
        $sureBtn.off().click(function() {
            var name = $('.mask input').eq(0).val();
            var sex = $('.mask input').eq(1).val();
            var age = $('.mask input').eq(2).val();
            var newUl = $('<ul><li>' + name + '</li><li>' + sex + '</li><li>' + age + '</li><li><button class="reset">修改</button><button class="del">删除</button></li></ul>');
            $('.container').append(newUl);
            $mask.fadeOut();
            $("body").parent().css("overflow-y", "auto");
        })
    })
})